
.list_content{
  padding-top:2rem;
  padding-bottom:2rem;

  .leftmenu{
    width: 12em;
    margin-right:50px;

    svg{
      width: 16px;
    }

    >div{
      padding: 20px 30px;
      background: #f1f2f4;
    }

    .title{
      font-size:30px;
      font-weight:700;
      padding-bottom:10px;
    }

    .item{
      padding:10px 0;
      cursor:pointer;

      &.active{
        color:#0053a4;
      }
    }
  }

  .rightContent{
    font-size:16px;
    color:#333;

    .content{
      min-height:400px;
      padding-bottom:20px;
    }

    .item{
      padding:8px 0;
      border-bottom:1px dotted #b6bcc9;

      .title{
        position: relative;
        >span{
          word-break: break-all;
          white-space: nowrap;
          overflow:hidden;
          text-overflow: ellipsis;
          width: 100%;
          position: absolute;
        }
      }

      &:hover{
        span{
          cursor: pointer;
          color:#0053a4;
          text-decoration: underline;
        }
      }
    }

    .date{
      font-size:13px;
    }
  }
}

